// NutUI主题定制

// Base
$primary-color: #55c9be;
$primary-color-end: #55c9be;
$help-color: #f5f5f5;
$title-color: #1a1a1a;
$title-color2: #666666;
$text-color: #808080;
$disable-color: #cccccc;
$white: #fff;
$black: #000;
$padding-xs: 12px;
$font-family: PingFang SC, Microsoft YaHei, Helvetica, Hiragino Sans GB, SimSun, sans-serif;
$animation-duration: 0.25s;
$animation-timing-fun: cubic-bezier(0.55, 0.085, 0.68, 0.53);
$font-size-0: 10px;
$font-size-1: 12px;
$font-size-2: 14px;
$font-size-3: 16px;
$font-size-4: 18px;
$font-weight-bold: 400;
$font-size-small: $font-size-1;
$font-size-base: $font-size-2;
$font-size-large: $font-size-3;
$line-height-base: 1.5;
$zindex-actionsheet: 10001;
$body-background: #f6f6f6;
$light-color: #f6f6f6;
$font-size-base: $font-size-2;
$font-size-small: $font-size-1;
$shortpsd-background-color: rgba(245, 245, 245, 1);
$shortpsd-border-color: #ddd;
$shortpsd-error: rgba(242, 39, 12, 1);
$shortpsd-forget: rgba(128, 128, 128, 1);
$noticeBar-font-size: 14px;
$noticeBar-height: 40px;
$noticeBar-line-height: 24px;
$noticeBar-left-icon-width: 16px;
$noticeBar-right-icon-width: 16px;
$infinite-bottom-color: #c8c8c8;
$rang-bg-color: rgba($primary-color, 0.5);
$rang-bar-bg-color: linear-gradient(135deg, $primary-color 0%, $primary-color-end 100%);

// Button
$button-border-radius: 25px;
$button-border-width: 1px;
$button-default-bg-color: $white;
$button-default-border-color: rgba(204, 204, 204, 1);
$button-default-color: rgba(102, 102, 102, 1);
$button-small-height: 28px;
$button-default-height: 38px;
$button-large-height: 48px;
$button-large-line-height: 46px;
$button-small-line-height: 26px;
$button-block-height: 48px;
$button-default-line-height: 36px;
$button-block-line-height: 46px;
$button-default-font-size: $font-size-2;
$button-disabled-opacity: 0.68;
$button-primary-color: $white;
$button-primary-border-color: $primary-color;
$button-primary-background-color: linear-gradient(
  135deg,
  $primary-color 0%,
  $primary-color-end 100%
);
$button-info-color: $white;
$button-info-border-color: rgba(73, 106, 242, 1);
$button-info-background-color: linear-gradient(
  315deg,
  rgba(73, 143, 242, 1) 0%,
  rgba(73, 101, 242, 1) 100%
);
$button-success-color: $white;
$button-success-border-color: rgba(38, 191, 38, 1);
$button-success-background-color: linear-gradient(
  135deg,
  rgba(38, 191, 38, 1) 0%,
  rgba(39, 197, 48, 1) 45%,
  rgba(40, 207, 63, 1) 83%,
  rgba(41, 212, 70, 1) 100%
);
$button-danger-color: $white;
$button-danger-border-color: rgba(250, 44, 25, 1);
$button-danger-background-color: rgba(250, 44, 25, 1);
$button-warning-color: $white;
$button-warning-border-color: rgba(255, 158, 13, 1);
$button-warning-background-color: linear-gradient(
  135deg,
  rgba(255, 158, 13, 1) 0%,
  rgba(255, 167, 13, 1) 45%,
  rgba(255, 182, 13, 1) 83%,
  rgba(255, 190, 13, 1) 100%
);
$button-plain-background-color: #fff;
$button-plain-background-color: $white;

// Cell
$cell-color: $title-color2;
$cell-title-font: $font-size-2;
$cell-title-desc-font: $font-size-1;
$cell-desc-font: $font-size-2;
$cell-desc-color: $disable-color;
$cell-border-radius: 6px;
$cell-group-title-padding: 0 10px;
$cell-group-title-color: #909ca4;
$cell-group-title-font-size: $font-size-2;
$cell-group-title-line-height: 20px;
$cell-group-background-color: $white;

// Icon
$icon-height: 20px;
$icon-width: 20px;
$icon-line-height: 20px;

// Overlay
$overlay-bg-color: rgba(0, 0, 0, 0.7);

// Popup
$popup-close-icon-margin: 16px;
$popup-border-radius: 20px;

// FixedNav
$fixednav-bg-color: $white;
$fixednav-font-color: $black;
$fixednav-index: 201;
$fixednav-btn-bg: linear-gradient(135deg, rgba(250, 25, 44, 1) 0%, rgba(250, 63, 25, 1) 100%);

// Tabbar
$tabbar-active-color: $primary-color;
$tabbar-border-color: #eee;

// Pagination
$pagination-color: $primary-color;
$pagination-font-size: $font-size-2;
$pagination-item-border-color: #e4e7eb;
$pagination-active-background-color: linear-gradient(
  135deg,
  rgba(250, 44, 25, 1) 0%,
  rgba(250, 63, 25, 1) 44.59259259%,
  rgba(250, 89, 25, 1) 83.40740741%,
  rgba(250, 100, 25, 1) 100%
);
$pagination-disable-color: rgba(116, 116, 116, 0.31);
$pagination-disable-background-color: #f7f8fa;
$pagination-item-border-width: 1px;
$pagination-item-border-radius: 2px;
$pagination-prev-next-padding: 0 11px;

// Tabs
$tabs-tab-smile-color: $primary-color;
$tabs-titles-border-radius: 0;
$tabs-titles-item-large-font-size: $font-size-3;
$tabs-titles-item-font-size: $font-size-2;
$tabs-titles-item-small-font-size: $font-size-1;
$tabs-titles-item-color: $title-color;
$tabs-titles-background-color: $help-color;
$tabs-horizontal-tab-line-color: linear-gradient(
  90deg,
  $primary-color 0%,
  rgba($primary-color, 0.15) 100%
);
$tabs-horizontal-titles-height: 46px;
$tabs-horizontal-titles-item-min-width: 50px;
$tabs-horizontal-titles-item-active-line-width: 40px;
$tabs-vertical-tab-line-color: linear-gradient(
  180deg,
  $primary-color 0%,
  rgba($primary-color, 0.15) 100%
);
$tabs-vertical-titles-item-height: 40px;
$tabs-vertical-titles-item-active-line-height: 14px;
$tabs-vertical-titles-width: 100px;

// Range
$range-max: #333333;

// Calendar
$calendar-primary-color: $primary-color;
$calendar-choose-color: #fef6f6;
$calendar-base-color: #333333;
$calendar-disable-color: #d1d0d0;
$calendar-title-font: $font-size-4;
$calendar-base-font: $font-size-3;
$calendar-text-font: $font-size-1;
$calendar-day-font: 18px;

// Checkbox
$checkbox-label-color: #1d1e1e;
$checkbox-label-disable-color: #999;

// InputNumber
$inputnumber-icon-color: $title-color;
$inputnumber-icon-void-color: $disable-color;
$inputnumber-input-background-color: $help-color;
$inputnumber-input-border-radius: 4px;
$inputnumber-input-width: 40px;
$inputnumber-icon-size: 20px;

// Input
$input-border-bottom: #eaf0fb;
$input-disabled-color: #c8c9cc;

// Radio
$radio-label-font-color: #1d1e1e;
$radio-label-font-active-color: #f0250f;
$radio-label-disable-color: #999;
$radio-icon-disable-color: #d6d6d6;
$radio-label-button-border-color: #f0250f;
$radio-label-button-background: rgba(240, 37, 15, 0.05);

// Rate
$rate-icon-color: $primary-color;
$rate-icon-void-color: $disable-color;

// TextArea
$textarea-font: $font-size-2;
$textarea-height: 100px;
$textarea-limit-color: $text-color;
$textarea-text-color: $title-color;
$textarea-disabled-color: $disable-color;

// Uploader
$uploader-width: 100px;
$uploader-height: 100px;
$uploader-background: #f7f8fa;

// BackTop
$backtop-border-color: #e0e0e0;

// Dialog
$dialog-width: 296px;
$dialog-min-height: 156px;
$dialog-padding: 28px 24px 16px 24px;
$dialog-header-height: 20px;
$dialog-header-color: rgba(38, 38, 38, 1);
$dialog-content-margin: 20px 0;
$dialog-content-max-height: 268px;
$dialog-content-line-height: 16px;
$dialog-mask-z-index: 1050;
$dialog-mask-background-color: rgba($black, 0.7);
$dialog-outer-z-index: 2000;
$dialog-outer-bordder-radius: 20px;
$dialog-vertical-footer-ok-margin-top: 10px;
$dialog-footer-button-min-width: 100px;
$dialog-footer-cancel-margin-right: 20px;
$dialog-footer-ok-max-width: 128px;

// Notify
$notify-text-color: $white;
$notify-padding: 12px 0;
$notify-font-size: 14px;
$notify-height: 44px;
$notify-base-background-color: linear-gradient(
  135deg,
  rgba(250, 44, 25, 1) 0%,
  rgba(250, 63, 25, 1) 45%,
  rgba(250, 89, 25, 1) 83%,
  rgba(250, 100, 25, 1) 100%
);
$notify-primary-background-color: linear-gradient(
  315deg,
  rgba(73, 143, 242, 1) 0%,
  rgba(73, 101, 242, 1) 100%
);
$notify-success-background-color: linear-gradient(
  135deg,
  rgba(38, 191, 38, 1) 0%,
  rgba(39, 197, 48, 1) 45%,
  rgba(40, 207, 63, 1) 83%,
  rgba(41, 212, 70, 1) 100%
);
$notify-danger-background-color: rgba(250, 50, 25, 1);
$notify-warning-background-color: linear-gradient(
  135deg,
  rgba(255, 93, 13, 1) 0%,
  rgba(255, 154, 13, 1) 100%
);

// Switch
$switch-close-bg-color: #ebebeb;
$switch-close--cline-bg-color: #f0f0f0;

// Step
$step-wait-bg-color: #959fb1;

// Avatar
$avatar-square: 5px;
$avatar-large-width: 60px;
$avatar-large-height: 60px;
$avatar-small-width: 32px;
$avatar-small-height: 32px;
$avatar-normal-width: 40px;
$avatar-normal-height: 40px;

// Price
$price-big-size: 24px;

// Badge
$badge-background-color: linear-gradient(
  135deg,
  $primary-color 0%,
  $primary-color-end 100%
);
$badge-font-size: $font-size-1;
$badge-default-background-color: rgba(255, 255, 255, 1);

// Tag
$tag-font-size: 12px;
$tag-default-background-color: #000000;
$tag-primary-background-color: #3460fa;
$tag-success-background-color: #4fc08d;
$tag-danger-background-color: linear-gradient(
  135deg,
  rgba(242, 20, 12, 1) 0%,
  rgba(232, 34, 14, 1) 69.83950099728881%,
  rgba(242, 77, 12, 1) 100%
);
$tag-warning-background-color: #f3812e;
$tag-default-color: #ffffff;
$tag-border-width: 1px;
$tag-plain-background-color: #fff;
$tag-plain-color: rgb(250, 36, 0);

// Popover
$popover-white-background-color: rgba(255, 255, 255, 1);
$popover-dark-background-color: rgba(75, 76, 77, 1);
$popover-border-bottom-color: rgba(229, 229, 229, 1);
$popover-primary-text-color: rgba(51, 51, 51, 1);
$popover-disable-color: rgba(154, 155, 157, 1);

// Address
$address-region-tab-line: linear-gradient(90deg, $primary-color 0%, $primary-color-end 100%);

// Signature
$signature-border-color: #dadada;